.fr {display: flex;flex-direction: row;}
.fc {display: flex;flex-direction: column;}
.ac {align-items: center;}
.jc {justify-content: center;}
.jsb {justify-content: space-between;}

.fajc {display: flex;align-items: center;justify-content: center;}

.pr {position: relative;}
.pa {position: absolute;}
.pf {position: fixed;}

.f1 {flex: 1;}
.f2 {flex: 2;}
.f3 {flex: 3;}
.f4 {flex: 4;}
.f5 {flex: 5;}
.f6 {flex: 6;}

.fw {flex-wrap: wrap;}

.tl {text-align: left;}
.tc {text-align: center;}
.tr {text-align: right;}

.f-12 {font-size: 12px;}
.f-14 {font-size: 14px;}
.f-16 {font-size: 16px;}
.f-18 {font-size: 18px;}
.f-20 {font-size: 20px;}
.f-22 {font-size: 22px;}
.f-24 {font-size: 24px;}

.b {font-weight: bold;}
.i {font-style: italic;}

.bg-f {background-color: #fff;}

.c-f {color: #fff;}

.ml-5 {margin-left: 5px;}
.ml-10 {margin-left: 10px;}
.ml-15 {margin-left: 15px;}
.ml-20 {margin-left: 20px;}
.ml-25 {margin-left: 25px;}
.ml-30 {margin-left: 30px;}
.ml-35 {margin-left: 35px;}
.ml-40 {margin-left: 40px;}

.mr-5 {margin-right: 5px;}
.mr-10 {margin-right: 10px;}
.mr-15 {margin-right: 15px;}
.mr-20 {margin-right: 20px;}
.mr-25 {margin-right: 25px;}
.mr-30 {margin-right: 30px;}
.mr-35 {margin-right: 35px;}
.mr-40 {margin-right: 40px;}

.mt-5 {margin-top: 5px;}
.mt-10 {margin-top: 10px;}
.mt-15 {margin-top: 15px;}
.mt-20 {margin-top: 20px;}
.mt-25 {margin-top: 25px;}
.mt-30 {margin-top: 30px;}
.mt-35 {margin-top: 35px;}
.mt-40 {margin-top: 40px;}

.mb-5 {margin-bottom: 5px;}
.mb-10 {margin-bottom: 10px;}
.mb-15 {margin-bottom: 15px;}
.mb-20 {margin-bottom: 20px;}
.mb-25 {margin-bottom: 25px;}
.mb-30 {margin-bottom: 30px;}
.mb-35 {margin-bottom: 35px;}
.mb-40 {margin-bottom: 40px;}

.p-5 {padding: 5px;}
.p-10 {padding: 10px;}
.p-15 {padding: 15px;}
.p-20 {padding: 20px;}
.p-25 {padding: 25px;}
.p-30 {padding: 30px;}

.pl-5 {padding-left: 5px;}
.pl-10 {padding-left: 10px;}
.pl-15 {padding-left: 15px;}
.pl-20 {padding-left: 20px;}
.pl-25 {padding-left: 25px;}
.pl-30 {padding-left: 30px;}

.pr-5 {padding-right: 5px;}
.pr-10 {padding-right: 10px;}
.pr-15 {padding-right: 15px;}
.pr-20 {padding-right: 20px;}
.pr-25 {padding-right: 25px;}
.pr-30 {padding-right: 30px;}

.pt-5 {padding-top: 5px;}
.pt-10 {padding-top: 10px;}
.pt-15 {padding-top: 15px;}
.pt-20 {padding-top: 20px;}
.pt-25 {padding-top: 25px;}
.pt-30 {padding-top: 30px;}

.pb-5 {padding-bottom: 5px;}
.pb-10 {padding-bottom: 10px;}
.pb-15 {padding-bottom: 15px;}
.pb-20 {padding-bottom: 20px;}
.pb-25 {padding-bottom: 25px;}
.pb-30 {padding-bottom: 30px;}

.o-0 {opacity: 0;}
.o-1 {opacity: .1;}
.o-2 {opacity: .2;}
.o-3 {opacity: .3;}
.o-4 {opacity: .4;}
.o-5 {opacity: .5;}
.o-6 {opacity: .6;}
.o-7 {opacity: .7;}
.o-8 {opacity: .8;}
.o-9 {opacity: .9;}
.o-10 {opacity: 1;}

.a {cursor: pointer;}

.oh {overflow: hidden;}
.oay {overflow-x: hidden;overflow-y: auto;}
.oax {overflow-x: auto;overflow-y: hidden;}
.osx {overflow-x: scroll;overflow-y: hidden;}
.osy {overflow-x: hidden;overflow-y: scroll;}

.pre {white-space: pre-wrap;}
.nowrap {white-space: nowrap;}
.toe {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.pen {pointer-events: none;}
